<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/vue.js"></script>
</head>
<body>
<div id="root">
    <p>{{age===10?"渲染":""}}</p>
    <p v-if="true">100</p>
    <hr/>
    <hr/>
    <template v-if="isLogin">
        <p>已经登陆：欢迎xxx的到来</p>
        <p>昵称：xxxxx</p>
        <p>年龄：21</p>
    </template>
    <hr/>
    <p v-if="age<10">幼儿</p>
    <p v-else-if="age<12">儿童</p>
    <p v-else-if="age<16">少年</p>
    <p v-else-if="age<28">青年</p>
    <p v-else-if="age<40">壮年</p>
    <p v-else>老年</p>


    <p v-show="true">12345</p>

</div>
</body>
<script>
    new Vue({
        el:"#root",
        data:{
            age:101,
            isLogin:true
        }
    })
</script>
</html>